/**
 * Created by Administrator on 2017/3/5 0005.
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Dimensions,
    Navigator,
    BackAndroid
} from 'react-native';

var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;


export default class orderBrowse extends Component{
    searchType(){
        this.props.navigator.push({
            name:''
        })
    }
    render() {
        return (
            <View style={styles.flex}>
                <View>
                    <TextInput
                        underlineColorAndroid = {'transparent'}
                        multiline={false}
                        onPress={this.searchType}></TextInput>
                </View>
                <View style={styles.mentionContent}
                      onPress={this.historyDBtn()}>
                    <Text style={styles.textFonts}>福建->厦门</Text>
                    <Text style={styles.textFonts}>订单类型：零担</Text>
                    <Text style={styles.textFonts}>货物类型：陶瓷</Text>
                    <Text style={styles.textFonts}>下单时间：2017.2.16 18:00</Text>
                    <Text style={styles.textFonts}>是否拼单：是</Text>
                    <View style={styles.btnStyle}>
                        <Text>订单详情</Text>
                    </View>
                </View>
            </View>

        )
    }
}

const styles = StyleSheet.create({
    btnStyle: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: width-20,
        height: 35
    },
    searchBar:{
        borderColor:'white',
        borderWidth:2
    },
    flex: {
        flex: 1
    },
    mentionContent:{
        flex:1,
        flexDirection: "column",
        justifyContent: "flex-start",
        alignItems: "center",
        backgroundColor: "grey",
        marginBottom: 20,
        borderBottomColor: "grey",
        borderBottomWidth: 1
    },
    textFonts: {
        color: "black",
        fontSize: 16
    }
});

AppRegistry.registerComponent('orderBrowse', () => orderBrowse);